"use strict";
$(function () {
    //Карусель
    $('.carousel-slick').slick({
        dots: false,
        slidesToShow: 1,
        responsive: [
            {
                breakpoint: 992,
                settings: {
                    arrows: false,
                    dots: true,
                }
            }
        ]
    });

    //Аккордион
    $( function() {
        $( "#accordion" ).accordion({
            animate: 200,
            heightStyle: "content",
            icons: { "header": "ui-icon-caret-1-s", "activeHeader": "ui-icon-caret-1-n" }
        });
    });

    //Событие на кнопку "Заполнить"
    $('.scroll-form').on('click', function () {
        $('.text-append')[0].scrollIntoView({behavior: 'smooth'});
    });

    //Поп-ап для изображений
    $('.image-popup-vertical-fit').magnificPopup({
        type: 'image',
        closeOnContentClick: true
    });

    //Анимация блоков
    new WOW().init();

    /*Маска для телефона*/
    let inputPhone = $('#inputPhone');
    inputPhone.inputmask({"mask": "+9 (999) 999-99-99"});

    /*Обработка поля индекса*/
    let inputIndex = $('#inputIndex');
    inputIndex.on('input', function () {
        if (this.value.length > this.maxLength) {
            this.value = this.value.slice(0, this.maxLength);
        }
    });
    inputIndex.on('keydown', function (e) {
        if (isNaN(parseInt(e.key)) && e.code !== "Backspace" && e.code !== "Delete") {
            e.preventDefault();
        }
    });

    //Валидация формы
    let inputAll = $('#form');
    inputAll.validate({
        rules: {
            name: {
                required: true,
                minlength: 2
            },
            lastName: {
                required: true,
                minlength: 2
            },
            phone:{
                required: true,
            },
            state: {
                required: true,
            },
            index: {
                required: true,
                minlength: 6
            },
            address: {
                required: true,
            }
        },
        messages: {
            name: {
                required: "Введите имя",
                minlength: jQuery.validator.format("Не менее {0} символов!")
            },
            lastName: {
                required: "Введите фамилию",
                minlength: jQuery.validator.format("Не менее {0} символов!")
            },
            phone: {
                required: "Введите телефон"
            },
            state: {
                required: "Укажите страну"
            },
            index: {
                required: "Заполните индекс",
                minlength: jQuery.validator.format("Индекс должен содержать {0} символов!")
            },
            address: {
                required: "Укажите адрес"
            }
        }
    });
    inputAll.on('submit', function(e) {
        if (inputAll.valid()) {
            $('.hide').remove();
            $('.text-append').text("Спасибо за заказ. Мы свяжемся с вами в ближайшее время!").addClass("col-12 fw-bold fs-2 align-items-center justify-content-center px-4").css('height', '200px');
            inputAll.reset();
        }
    });

});

